//素材图片选择
.img-pick {
    // max-height: 545px;
    // min-height: 90px;
    width: 464px;
    // overflow: hidden;
  
    .ul-list {
      overflow-y: auto;
      overflow-x: hidden;
      // max-height: 470px;
      width: 108%;
      list-style: none;
      display: flex;
      flex-direction: row;
      //justify-content: space-between;
      flex-wrap: wrap;
  
      .img-item {
        position: relative;
        margin-right: 15px;
        margin-bottom: 10px;
        float: left;
        text-align: center;
  
        .item-label {
          display: inline-block;
          text-align: left;
          cursor: pointer;
          //margin: 0 0.5em 0 0;
          border: 1px solid #e7e7e7;
          width: 110px;
  
          .pic-box {
            width: 100%;
            height: 110px;
            position: relative;
            overflow: hidden;
  
            .pic {
              display: block;
              border-bottom: 1px solid #e7e7e7;
              position: absolute;
              top: 50%;
              left: 50%;
              transform: translate(-50%, -50%);
            }
          }
  
          .title {
            display: block;
            padding: 0 9px;
            height: 32px;
            line-height: 32px;
            text-align: left;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
          }
        }
      }
    }
  }
  
  //图片选择面板
  .img-pick .img-item.selected .selected-mask {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }
  
  .img-pick .img-item.selected .selected-mask-inner {
    width: 110px;
    height: 110px;
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6;
    background-color: #000;
    filter: alpha(opacity=60);
  }
  
  .img-pick .img-item.selected .selected-mask-icon {
    position: absolute;
    top: 0;
    left: 0;
    // background: transparent url('../../assets/wechat/selected.png') no-repeat 0 0;
    background: transparent url('') no-repeat 0 0;
    width: 110px;
    height: 110px;
    vertical-align: middle;
    display: inline-block;
    background-position: 50% 50%;
  }
  
  //功能tabs
  .function-tabs {
    .tabs-icon {
      // background: url('../../assets/wechat/msg_tab.png');
      margin-right: 3px;
      margin-top: -2px;
      width: 20px;
      height: 20px;
      vertical-align: middle;
      display: inline-block;
    }
    .item {
      float: none;
      display: inline-block;
      vertical-align: top;
      width: 95px;
      cursor: pointer;
      .text {
        background-repeat: no-repeat;
        background-position: 0px 0px;
      }
      .news {
        background-repeat: no-repeat;
        background-position: 0px -240px;
      }
      .image {
        background-repeat: no-repeat;
        background-position: 0px -60px;
      }
      .audio {
        background-position: 0 -180px;
        background-repeat: no-repeat;
      }
      .video {
        background-position: 0 -120px;
        background-repeat: no-repeat;
      }
      .plugin {
        background-position: 0 -421px;
        background-repeat: no-repeat;
      }
      .list {
        background-position: 0 -300px;
        background-repeat: no-repeat;
      }
    }
    .selected {
      .text {
        background-repeat: no-repeat;
        background-position: 0px -30px;
      }
      .news {
        background-repeat: no-repeat;
        background-position: 0px -270px;
      }
      .image {
        background-repeat: no-repeat;
        background-position: 0px -90px;
      }
      .audio {
        background-position: 0 -210px;
        background-repeat: no-repeat;
      }
      .video {
        background-position: 0 -150px;
        background-repeat: no-repeat;
      }
      .plugin {
        background-position: 0 -447px;
        background-repeat: no-repeat;
      }
      .list {
        background-position: 0 -330px;
        background-repeat: no-repeat;
      }
      color: #222;
    }
  }
  